简约渐变文字效果

/* 基础渐变文字效果 */
.gradient-text {
    display: inline-block;
    background: linear-gradient(90deg,
        #ff0a78,
        #7d00ff,
        #00a3ff,
        #ff0a78);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 300% 300%;
    animation: gradientFlow 4s linear infinite;
}

/* 动画关键帧 */
@keyframes gradientFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* 应用示例 */
.title-text {
    font-size: 32px;
    font-weight: 700;
}

.subtitle-text {
    font-size: 18px;
    font-weight: 500;
}

.feature-title {
    font-size: 20px;
    font-weight: 600;
}